export default {
  // 配置对象当中创建对应钩子函数
  // inserted 是元素插入父节点会被执行
  inserted(el, option) {
    console.log('元素插入节点', option)
    // 每个钩子, 接收到第一个参数就是元素本身
    // 第二个参数, 是当前指令的属性对象
    el.addEventListener('error', () => {
      el.src = option.value
    })

    // 上面的逻辑有一个缺陷, 只能监听错误事件
    // 但是如果图片本身不存在 src 也就不会触发错误事件
    el.src = el.src || option.value
  },
  componentUpdated(el, option) {
    // 每次这个元素数据发生更新之后, 都需要检查一遍是否为空
    // 如果是则修复
    el.src = el.src || option.value
  }
}
